<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    Hello World Hello PM !!!

    <button id="btn">选择图片</button>

    <button id="btn-preview">预览图片</button>

    <button id="btn-record">录音</button>
    <button id="btn-stop-record">停止录音</button>

    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src='./js/arr.js'></script>
    <script src="./js/zepto.min.js"></script>
    <script>
$(function(){
    $.post("http://qq.nodejsvue.cn/getsignature",{url:'http://qq.nodejsvue.cn/sdk2.html'},function(result){
        console.log(result)
        wx.config({
                    debug: true,
                    appId: result.appId,
                    timestamp: result.timestamp,
                    nonceStr: result.nonceStr,
                    signature: result.signature,
                    jsApiList: arr
                });
    })
})



 wx.ready(function () {
            // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。

            //要使用JS-SDK 基本都在ready方法中调用
            document.getElementById("btn").onclick = function () {
                wx.chooseImage({
                    count: 1, // 默认9
                    sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
                    sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
                    success: function (res) {
                        var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片

                        for (var i = 0; i < localIds.length; i++) {
                            var img = new Image();
                            img.src = localIds[i];
                            document.body.appendChild(img);
                        }
                    }
                });
            }

            //图片预览接口的使用
            document.getElementById("btn-preview").onclick = function () {
                wx.previewImage({
                    current: '', // 当前显示图片的http链接
                    urls: [
                        "",
                        "",
                        ""
                    ] // 需要预览的图片http链接列表
                });
            }

            //录音接口的使用
            //点击录音按钮，开始录音，停止录音后自动播放录音

            document.getElementById("btn-record").onclick = function () {
                wx.startRecord();
            }

            document.getElementById("btn-stop-record").onclick = function () {
                wx.stopRecord({
                    success: function (res) {
                        var localId = res.localId;

                        //停止录音之后，直接播放
                        // wx.playVoice({
                        //     localId // 需要播放的音频的本地ID，由stopRecord接口获得
                        // });

                        //将用户录的音发给服务器识别
                        wx.translateVoice({
                            localId, // 需要识别的音频的本地Id，由录音相关接口获得
                            isShowProgressTips: 1, // 默认为1，显示进度提示
                            success: function (res) {
                                alert(res.translateResult); // 语音识别的结果
                            }
                        });
                    }
                });
            }


            //设置分享给朋友的内容
            wx.onMenuShareAppMessage({
                title: '这是一个大新闻', // 分享标题
                desc: '我们学会公众号开发了！', // 分享描述
                link: 'http://mobile.mianshibaodian.com/', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://img5.imgtn.bdimg.com/it/u=519164302,3531578443&fm=27&gp=0.jpg', // 分享图标
                type: 'link', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function () {
                    // 用户确认分享后执行的回调函数
                    alert("成功分享了")
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });

        });

        wx.error(function (res) {
            // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
        });
    </script>

</body>

</html>